系统主要功能分为“明细”、“统计”、“我的”等三个部分,导航栏根据功能划分,设计为三个按钮,每个按钮对应一个功能。
2.1 任务描述
前置任务:C4-001
业务模块:主视图界面
修改底部导航栏
任务类型:按步骤操作
2.2 详细实现步骤
2.2.1 修改字符资源
在res/values/strings.xml文件中,对字符串资源进行修改,如下:
<resources>
<string name="app_name">AccountBook</string>
<string name="title_details">明细</string>
<string name="title_statistics">统计</string>
<string name="title_own">我的</string>
</resources>
2.2.2 修改res/menu/navigation.xml文件
对导航栏三个按钮的id和title属性等进行修改。
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/navigation_details"
android:icon="@drawable/ic_home_black_24dp"
android:title="@string/title_details" />
<item
android:id="@+id/navigation_statistics"
android:icon="@drawable/ic_dashboard_black_24dp"
android:title="@string/title_statistics" />
<item
android:id="@+id/navigation_own"
android:icon="@drawable/ic_notifications_black_24dp"
android:title="@string/title_own" />
</menu>
2.2.3 修改MainActivity中相关代码
系统已经给我们生成了BottomNavigationView 的事件监听代码,将代码修改如下:
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()) {
case R.id.navigation_details:
mTextMessage.setText(R.string.title_details);
return true;
case R.id.navigation_statistics:
mTextMessage.setText(R.string.title_statistics);
return true;
case R.id.navigation_own:
mTextMessage.setText(R.string.title_own);
return true;
}
return false;
}
2.2.4 修改主布局文件activity_main.xml
将Android Studio生成的布局文件中的TextView组件去掉,后面我们会用自己的布局文件显示相关界面。
图 7 底部导航栏